<script setup>
defineProps({
  menuItem : { type: Object, default: null }
})
</script>

<template>
  <template v-if="menuItem.children?.length > 0">
    <a-sub-menu :key="menuItem.path">
      <template v-if="menuItem?.icon!=''" #icon>
        <d-icon-font :type="menuItem.icon" />
      </template>
      <template #title>
        {{ menuItem.name }}
      </template>
      <!-- 遍历菜单 -->
      <side-nav-menu v-for="(item, idx) in menuItem.children" :key="idx" :menu-item="item" />
    </a-sub-menu>
  </template>
  <template v-else>
    <a-menu-item :key="menuItem.path" :title="menuItem.name">
      <template v-if="menuItem?.icon!=''" #icon>
        <d-icon-font :type="menuItem.icon" />
      </template>
      {{ menuItem.name }}
    </a-menu-item>
  </template>
</template>
